<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registro de funcionario</title>
<style type="text/css">
body{
background:#EFF3FF url() repeat-x;
	margin:0px;
	padding:0px;
}

.contenedor_formulario{ 
	background-color:#E1E1FF;
	margin:30px auto;
	width:600px;
	padding:0px 12px;
}	
	
.contenedor_nombre_nombre{
	text-align:left;
	margin-left:2px;
	border-bottom-color:#B4B4B4;
	border-bottom-style:solid;
	border-bottom-width:5px
}

/*las mismas propiedades de  titulo_texto_grupo de la pagina prinsipal*/	
h1{
	margin-left:5px;
	padding:2px auto 2px 3px;
	text-align:left;
	font:bold 10pt/20pt Courier; 
	color:#1483D3;
}

.contenedor_formulario_body{

}
	

/*--------------------------Propieddes para el formilario*/

/* Determina los div's que el contenido es centrado. Hereda "clear: both;" */
.form_input_align {
	border:1px solid #000000;
}

/* Para los input's centrados */
.form_input_center {
	border:1px solid;
}

/* Para los label's alineados */
.form_label_align {
	width:100px;
	text-align:right;
	border-color:#003366;
	border-width:1px;
	border-style:solid;
	background-color:#C1E0FF;
	padding:1px 10px;
}

label, input, select, textarea {
	margin-bottom:0.0em;
}

label, input, select, textarea {
	margin-bottom:0.3em;
}
fieldset {
	margin: 5px auto;
}

.caja_fila_formulario{
	background-color:#000066;
	border-style:solid;
	border-color:#999933;
	border-width:1px;
}

/*--------------------------Propieddes finnn para el formilario*/
input:focus, select:focus, textarea:focus {
	background-color: #c6d3ff;
}

</style>
</head>

<body>
<div class="contenedor_formulario">
  	<div class="contenedor_nombre_nombre "><h1>Titulo de formulario<h1></div>
  	<div class="contenedor_formulario_body">
 
	<fieldset>
	 <div>
	 	<label for='idnombres' class='form_label_align'>Nombres :</label>
		<input type="text" name='nobres'  class='form_input_align' title="Introduce el nombre de funcionario"/>
	 </div>
	 <div>
	 	<label for='idnombres' class='form_label_align'>Paterno :</label>
		<input type="text" name='nobres'  class='form_input_align' title="Introduce el nombre de funcionario"/>
	</div>
	 <div>
	 	<label for='idnombres' class='form_label_align'>Mano :   </label>
		<input type="text" name='nobres'  class='form_input_align' title="Introduce el nombre de funcionario"/>
	</div>
	 <div>
	 	<label for='idnombres' class='form_label_align'>Mo :   </label>
		<input type="text" name='nobres'  class='form_input_align' title="Introduce el nombre de funcionario"/>
		<input type="text" id='idname' name='nobres'  class='form_input_align' title="Introduce el nombre de funcionario" />
	</div>
	</fieldset>
  
	</div>
</div>
</body>
</html>
